<template>
  <div class="account-management">
    <Header @changelang="changeLanguage" bgColor="linear-gradient(90deg, #7719c7 0%, #431092 27%, #0e065d 70%, #080055 100%)"></Header>
    <article>
    	<div class="kraken-components">
    		<div class="kraken-component">
    			<div class="kraken-hero-internal">
    				<div class="kraken-content-wrapper">
    					<div class="copy">
    						<p class="subheader">Funding Options</p>
    						<h1>
    							<p> <strong>The Widest Range</strong></p>
    							<p>of Funding Options in Crypto</p>
    						</h1>
    					</div>
    				</div>
    				<div class="illustration"></div>
    			</div>
    		</div>
    		<div class="kraken-component"></div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<div class="body">
    							<p>QtGlobal is dedicated to providing you with low fees and a variety of digital and fiat funding options to power your cryptocurrency investments. Fast, flexible funding makes it easier than ever to execute crypto trades from anywhere in the world. </p>

    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<h2><span><strong>Fund Your Account</strong> with Traditional Currencies</span> </h2>
    						<div class="body">
    							<p>Both new and experienced traders will find that our fiat currency funding options make for a seamless experience that will have you trading in as little as 24 hours from the time of your deposit. </p>
    							<p>We offer fiat currency funding with US Dollars (USD), Euros (EUR), and Canadian Dollars (CAD), all with minimal fees. Depositing funds with CAD and EUR SEPA is free.</p>

    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<h2><span><strong>Fund your Account</strong> with Coins</span> </h2>
    						<div class="body">
    							<p>If you already own digital assets that we support, you can use those to fund your account. After account confirmation, all crypto deposits are credited to your account instantly. You’ll be ready to trade in under 10 minutes.</p>
    						</div>

    						<div class="body">
    							<p>With a quick and convenient verification process, QtGlobal makes it easy to deposit your crypto funds so you can focus on the market.</p>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<h2><span><strong>Corporate Funding Options</strong></span> </h2>
    						<div class="body">
    							<p>We also offer an expanded set of funding options for our corporate-level clients, such as USD international wire transfers.</p>

    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<h2><span> <strong>Trade Fiat to Crypto Anywhere,  </strong>Quickly and Securely</span> </h2>
    						<div class="body">
    							<p>On top of offering the best security in the industry, our wide selection of crypto and fiat currency funding options allow you the freedom to trade from anywhere in the world with few limitations.<br />
    								<br />
    								If you’re ready to get started, go ahead and create a Kraken account to begin trading in as little as a matter of minutes.</p>
    							<p> </p>
    							<p> 
                  <br /> <br />
                  <br />
                  <br />
                  <br />
                  <br />
                  <br />
                  <br />
                  </p>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>

    	</div>
    </article>
    <Footer></Footer>
  </div>
</template>

<script>
  import Header from "@/components/header";
  import Footer from "@/components/footer";
  import commonMixins from "@/mixins";

  export default {
      mixins: [commonMixins],
      components: {
          Header,
          Footer
      },
      computed: {
        isLogin() {
          return this.$store.state.usertoken ? true : false;
        }
      },
      watch:{
      },
      data () {
          return {
          }
      },
      created(){
      },
      mounted(){
      },
      methods:{
        next_fn() {
          if(this.isLogin) {
            this.$router.push('trade');
          } else {
            this.$router.push('login');
          }
        },
      }
  }
</script>

<style lang="less" scoped="scoped">
.account-management {
  padding-top: 100px;
}
.fc1 {
  margin: 0;
}
.fc2 {
  font-size: 0.875rem;
  font-family: 'Celias';
  font-weight: 400;
  line-height: 1.43;
}
.fc3 {
  font-size: 1rem;
  font-family: 'Celias';
  font-weight: 400;
  line-height: 1.5;
}
.fc4 {
  font-size: 0.75rem;
  font-family: 'Celias';
  font-weight: 400;
  line-height: 1.66;
}
.fc5 {
  font-size: 0.875rem;
  font-family: 'Celias';
  font-weight: 700;
  line-height: 1.75;
  text-transform: uppercase;
}
.fc6 {
  font-size: 6rem;
  font-family: 'Celias';
  font-weight: 300;
  line-height: 1.167;
}
.fc7 {
  font-size: 3.75rem;
  font-family: 'Celias';
  font-weight: 300;
  line-height: 1.2;
}
.fc8 {
  font-size: 3rem;
  font-family: 'Celias';
  font-weight: 400;
  line-height: 1.167;
}
.fc9 {
  font-size: 2.125rem;
  font-family: 'Celias';
  font-weight: 400;
  line-height: 1.235;
}
.fc10 {
  font-size: 18px;
  font-family: 'Celias';
  font-weight: 400;
  line-height: 1.334;
}
.fc11 {
  font-size: 16px;
  font-family: 'Celias';
  font-weight: 700;
  line-height: 30px;
}
.fc12 {
  font-size: 1rem;
  font-family: 'Celias';
  font-weight: 500;
  line-height: 1.75;
}
.fc13 {
  font-size: 12px;
  font-family: 'Celias';
  font-weight: 700;
  line-height: 1.57;
}
.fc14 {
  font-size: 0.75rem;
  font-family: 'Celias';
  font-weight: 400;
  line-height: 2.66;
  text-transform: uppercase;
}
.fc15 {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
}
.fc16 {
  text-align: left;
}
.fc17 {
  text-align: center;
}
.fc18 {
  text-align: right;
}
.fc19 {
  text-align: justify;
}
.fc20 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fc21 {
  margin-bottom: 0.35em;
}
.fc22 {
  margin-bottom: 16px;
}
.fc23 {
  color: inherit;
}
.fc24 {
  color: #5741d9;
}
.fc25 {
  color: #0385e6;
}
.fc26 {
  color: #0E0C28;
}
.fc27 {
  color: rgba(111, 116, 154, 0.47);
}
.fc28 {
  color: #ffb968;
}
.fc29 {
  display: inline;
}
.fc30 {
  display: block;
}
.fc-b069214d-1 {
  width: 100%;
  margin: 0 auto;
  max-width: 1170px;
}
@media (max-width:1229.95px) {
  .fc-b069214d-1 {
    width: initial;
    margin: 0 30px;
  }
}
  .fc-5fdd80f2-1 {
    width: max-content;
    display: flex;
    z-index: 2;
    margin-top: 30px;
  }
  .fc-5fdd80f2-1 :first-child {
    margin-right: 10px;
  }
  .fc-0249d7f8-1 {
    color: #0E0C28;
  }
  .fc-a8a3a929-1 {
    width: 50vw;
    padding: 12px 0 20px 0;
    position: absolute;
  }
  .fc-a8a3a929-1 * a {
    text-decoration: none;
  }
  .fc-a8a3a929-2 {
    visibility: hidden;
  }
  .fc-a8a3a929-3 {
    display: flex;
    flex-direction: row;
  }
  .fc-a8a3a929-4 {
    margin-right: 40px;
  }
  .fc-a8a3a929-5 {
    line-height: 29px;
  }
  .fc-a8a3a929-6 {
    color: #fff;
    opacity: 0.6;
  }
  .fc-a8a3a929-6:hover {
    opacity: 0.48;
  }
  .fc-db0cec94-1 {
    position: relative;
    margin-right: 32px;
  }
  .fc-db0cec94-1 > a {
    display: block;
    overflow: hidden;
    text-decoration: none;
  }
  .fc-db0cec94-1:hover {
    cursor: pointer;
  }
  .fc-db0cec94-1:hover > a:after {
    opacity: 1;
    transform: translate(0%, 0);
    background-color: #fff;
  }
  .fc-db0cec94-1 > a:after {
    width: 100%;
    bottom: 0;
    height: 2px;
    content: "";
    display: block;
    opacity: 0;
    transition: transform 0s linear 0s, opacity 0s linear 0s;
  }
  .fc-db0cec94-2 {  }
  .fc-db0cec94-2 > a {  }
  .fc-db0cec94-2:hover {  }
  .fc-db0cec94-2:hover > a {  }
  .fc-db0cec94-2:hover > a:after {
    transition: transform 0.06s ease-out 0s, opacity 0.15s ease-out 0s;
  }
  .fc-db0cec94-2 > a:after {
    transform: translate(0%, 0);
  }
  .fc-db0cec94-3 {  }
  .fc-db0cec94-3 > a {  }
  .fc-db0cec94-3:hover {  }
  .fc-db0cec94-3:hover > a {  }
  .fc-db0cec94-3:hover > a:after {
    transition: transform 0.16s ease-out 0s, opacity 0.3s ease-out 0s;
  }
  .fc-db0cec94-3 > a:after {
    transform: translate(-40%, 0);
  }
  .fc-db0cec94-4 {  }
  .fc-db0cec94-4 > a {  }
  .fc-db0cec94-4:hover {  }
  .fc-db0cec94-4:hover > a {  }
  .fc-db0cec94-4:hover > a:after {
    transition: transform 0.06s ease-out 0s, opacity 0.15s ease-out 0s;
  }
  .fc-db0cec94-4 > a:after {
    transform: translate(0%, 0);
  }
  .fc-db0cec94-5 {  }
  .fc-db0cec94-5 > a {  }
  .fc-db0cec94-5:hover {  }
  .fc-db0cec94-5:hover > a {  }
  .fc-db0cec94-5:hover > a:after {
    transition: transform 0.16s ease-out 0s, opacity 0.3s ease-out 0s;
  }
  .fc-db0cec94-5 > a:after {
    transform: translate(-40%, 0);
  }
  .fc-db0cec94-6 {  }
  .fc-db0cec94-6 > a {  }
  .fc-db0cec94-6:hover {  }
  .fc-db0cec94-6:hover > a {  }
  .fc-db0cec94-6:hover > a:after {
    transition: transform 0.16s ease-out 0s, opacity 0.3s ease-out 0s;
  }
  .fc-db0cec94-6 > a:after {
    transform: translate(-40%, 0);
  }
  .fc-db0cec94-7 {  }
  .fc-db0cec94-7 > a {  }
  .fc-db0cec94-7:hover {  }
  .fc-db0cec94-7:hover > a {  }
  .fc-db0cec94-7:hover > a:after {
    transition: transform 0.16s ease-out 0s, opacity 0.3s ease-out 0s;
  }
  .fc-db0cec94-7 > a:after {
    transform: translate(-40%, 0);
  }
  .fc-a4de58d0-1 {
    display: flex;
    z-index: 5;
    flex-grow: 1;
    align-items: baseline;
  }
  .fc-a4de58d0-2 {
    display: flex;
    flex-grow: 1;
  }
  .fc-0c1e011d-1 {
    color: transparent;
    width: 42px;
    height: 100px;
    margin: 0 78px 0 0;
    display: block;
    z-index: 99;
    overflow: hidden;
    position: relative;
    flex-grow: 0;
    text-indent: -99999em;
    background-size: contain;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center center;
  }
  .fc-0c1e011d-2 {
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    position: absolute;
    background-color: #5741d9;
  }
  .fc-0c1e011d-3 {
    left: 0;
    width: 100%;
    bottom: 100px;
    height: 100vh;
    z-index: 3;
    position: absolute;
    transform: translate(0, 100%);
    background-color: rgba(0,0,0,0.7);
  }
  .fc-0c1e011d-4 {
    display: none;
  }
  .fc-0c1e011d-5 {
    height: 0px;
  }
  .fc-f9d524fc-1 div {
    color: #FFFFFF;
    padding: 8px;
    text-align: center;
    background-color: #5841D8;
  }
</style>
